<!DOCTYPE html>
<html>
<head>
	<title>iUI Gaelyk Demo</title>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
	<meta name="apple-mobile-web-app-capable" content="yes">
	<link rel="icon" type="image/png" href="../iui/iui-favicon.png">
	<link rel="apple-touch-startup-image" href="../iui/iui-startup.png">
	<link rel="apple-touch-icon" href="../iui/iui-logo-touch-icon-hd.png" />

	<link rel="stylesheet" href="../../iui/iui.css" type="text/css" />
	<link rel="stylesheet" href="../../iui/t/default/default-theme.css" type="text/css"/>
	<script type="application/x-javascript" src="../../iui/iui.js"></script>
</head>

<body>
    <div class="toolbar">
        <h1 id="pageTitle"></h1>
        <a id="backButton" class="button" href="#"></a>
    <%  if (user) {  %>
      <a class="button" target="_webapp" href="<%= users.createLogoutURL(request.requestURI) %>">Logout</a>
    <%  } else {  %>
      <a class="button" target="_webapp" href="<%= users.createLoginURL(request.requestURI) %>">Login</a>
    <%  }  %>
    </div>
    
    
	<ul id="home" title="Gaelyk Demo" selected="true">
		<li><a href="#usersMenu">Users</a></li>
		<li><a href="#about">About Gaelyk Login Demo</a></li>
		<li>
	    <%  if (user) {  %>
	      User: <%= user.nickname %>
	    <%  } else {  %>
	      Not logged in.
	    <%  }  %>
	   </li>
	</ul>

	<ul id="usersMenu" title="Users Menu">
		<li><a href="#addUser">Add User...</a></li>
		<li><a href="listUsers.gtpl">List Users</a></li>
	</ul>

	<form id="addUser" title="Add User" class="panel" action="addUser.gtpl" method="post" onclick="(function(event) {return true;})()">
		<fieldset>
			<div class="row">
				<label>Name:</label>
				<input type="text" name="name" value=""/>
			</div>
			<div class="row">
				<label>Email:</label>
				<input type="text" name="email" value=""/>
			</div>
		</fieldset>
		<div class="spinner"></div>
		<a class="whiteButton" type="submit">Submit</a>
	</form>


	<div id="about" class="panel">
		<h2>Gaelyk Demo is powered by:</h2>
		<ul>
			<li><a target="_blank" href="http://code.google.com/p/iui/">iUI Project</a></li>
			<li><a target="_blank" href="http://code.google.com/appengine/">Google App Engine</a></li>
			<li><a target="_blank" href="http://gaelyk.appspot.com/">Gaelyk</a></li>
			<li><a target="_blank" href="http://code.google.com/p/iui/wiki/iUIOnGoogleAppEngine">iUI on GAE wiki page</a></li>
		</ul>
	</div>

</body>
</html>